<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>个人中心</title>
    </head>

    <body>
        <div class="personalPage">
            <div class="person">
                <div class="personInformation">
                    <div class="avater">
                        <img style="height: 80px;width:80px;border-radius: 50%;border: 1px solid white;" src="./Images/个人中心/u521.svg" alt="">
                    </div>
                    <div class="name">
                        <div class="fuck">
                            <div style="font-size: 20px;">歪比巴伯</div>
                            
                            <div style="width: 45px; height: 20px; margin-left:10px;size:10px;background-image: url('./Images/个人中心/u523.svg');padding: 2px;">已实名</div>
                        </div>
                        <div style="margin-top: 10px;">你所热爱的，便是你的生活</div>
                        <div style="margin-top: 10px;">总访客数：199875 点赞数：522</div>

                    </div>
                </div>
            </div>
            
            <div class="Infromations">
                <div class="title">
                    <div style="font-size:20px ;">我的博文</div>
                    <div>我的点赞</div>
                    <div>我的收藏</div>
                </div>
                <div class="blogs">
                    <div class="blog">
                        <div class="fff">
                            <img src="./Images/个人资料/u610.svg" alt="">
                            <div class="blogText">
                                <div>中国高校宿舍8大配置排名</div>
                                <div>首先我们知道。大学对于高中来说。要宽松很多。而且进入大学后，也不仅仅只有。。。</div>
                            </div>
                        </div>
                        
                        <div class="blogLikes">
                            <div><img class="icons" src="./Images/个人资料/更多.svg" alt=""></div>
                            <div style="display: flex; flex-direction: row;">
                                <div><img class="icons" src="./Images/个人资料/爱心.svg" alt="">200</div>
                                <div><img class="icons" src="./Images/个人资料/收藏.svg" alt="">985</div>
                                <div><img class="icons" src="./Images/个人资料/对话.svg" alt="">211</div>
                            </div>
                        </div>
                    </div>
                    <div class="blog">
                        <div class="fff">
                            <img src="./Images/个人资料/u623.svg" alt="">
                            <div class="blogText">
                                <div>中国高校宿舍8大配置排名</div>
                                <div>首先我们知道。大学对于高中来说。要宽松很多。而且进入大学后，也不仅仅只有。。。</div>
                            </div>
                        </div>
                        
                        <div class="blogLikes">
                            <div><img class="icons" src="./Images/个人资料/更多.svg" alt=""></div>
                            <div style="display: flex; flex-direction: row;">
                                <div><img class="icons" src="./Images/个人资料/爱心.svg" alt="">200</div>
                                <div><img class="icons" src="./Images/个人资料/收藏.svg" alt="">985</div>
                                <div><img class="icons" src="./Images/个人资料/对话.svg" alt="">211</div>
                            </div>
                        </div>
                    </div>
                    <div class="blog">
                        <div class="fff">
                            <img src="./Images/个人资料/u636.svg" alt="">
                            <div class="blogText">
                                <div>中国高校宿舍8大配置排名</div>
                                <div>首先我们知道。大学对于高中来说。要宽松很多。而且进入大学后，也不仅仅只有。。。</div>
                            </div>
                        </div>
                        
                        <div class="blogLikes">
                            <div><img class="icons" src="./Images/个人资料/更多.svg" alt=""></div>
                            <div style="display: flex; flex-direction: row;">
                                <div><img class="icons" src="./Images/个人资料/爱心.svg" alt="">200</div>
                                <div><img class="icons" src="./Images/个人资料/收藏.svg" alt="">985</div>
                                <div><img class="icons" src="./Images/个人资料/对话.svg" alt="">211</div>
                            </div>
                        </div>
                    </div>
                    <div class="blog">
                        <div class="fff">
                            <img src="./Images/个人资料/u649.svg" alt="">
                            <div class="blogText">
                                <div>中国高校宿舍8大配置排名</div>
                                <div>首先我们知道。大学对于高中来说。要宽松很多。而且进入大学后，也不仅仅只有。。。</div>
                            </div>
                        </div>
                        
                        <div class="blogLikes">
                            <div><img class="icons" src="./Images/个人资料/更多.svg" alt=""></div>
                            <div style="display: flex; flex-direction: row;">
                                <div><img class="icons" src="./Images/个人资料/爱心.svg" alt="">200</div>
                                <div><img class="icons" src="./Images/个人资料/收藏.svg" alt="">985</div>
                                <div><img class="icons" src="./Images/个人资料/对话.svg" alt="">211</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
           <div class="bottom-nav" >
            <!-- <img id="tabs-bg" src="images/首页/tabs-bg.svg"/> -->
            <a href=" " class="nav-item">
                <span class="icon">
                   <img id="tab-home" src="images/首页/tab-home.svg"/>
                </span>
            </a>
            <a href="#">
               <span class="icon">
                    <img id="tab-message" src="images/首页/tab-message.svg"/>
                </span>
            </a>
            <a href="#">
               <span class="icon">
                   <img id="tab-publish" src="images/首页/tab-publish.svg"/>
               </span>
            </a>
            <a href="#">
               <span class="icon">
                   <img id="tab-search" src="images/首页/tab-search.svg"/>
               </span>
            </a>
            <a href="#">
               <span class="icon">
                   <img id="tab-user" src="images/首页/tab-user.svg"/>
               </span>
            </a>
           </div>
        </div>
        
    </body>
    <script src="./index.js" type="text/javascript"></script>

</html>
